<ion-header>

  <ion-navbar>
    <ion-title>提炼矿石</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-item-group class="item-list">
    <ion-item-divider><span class="color-gray-light">账户余额</span></ion-item-divider>
    <account [readonly]="true" [refresh]="isRefresh"></account>
  </ion-item-group>

  <form class="mt-20" [formGroup]="validateForm" (submit)="extract($event)">
    <ion-list margin-bottom>
      <ion-item>
        <ion-label fixed>提炼数量：</ion-label>
        <ion-input type="number" formControlName="num" placeholder="请输入数量"></ion-input>
      </ion-item>
      <div class="error-message" *ngIf="getFormControl('num').dirty&&getFormControl('num').errors">
        <ng-container *ngIf="getFormControl('num').hasError('required')">请输入提炼数量</ng-container>
      </div>

    </ion-list>
    <p class="color-thc font12">提炼后将按您当前等级规则产生相应的比例的矿石</p>
    <button ion-button color="primary" block type="submit">确定</button>
  </form>
</ion-content>
